<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<title>企业账号数据统计</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="">
	<link href="css/daterangepicker.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
<![endif]-->
<meta name="renderer" content="webkit">
<link rel="shortcut icon" href="favicon.ico">
<style>
	[v-cloak] {
		display: none!important;
	}
</style>
</head>
<body>
	<div id="app" v-cloak>
		<header>
		</header>
		<div class="header-space"></div>
		<section class="section501">
			<div class="content">
				<div class="time">以下为当前登录账号统计数据</div>
				<div class="box">
					<div class="part1">
						<div class="title">待办事项</div>
						<div class="con">
							<div class="item">
								<a href="29.html?type=1">
									<h3><i class="akrobat">{{summaryData.not_see}}</i></h3>
									<p>待查看简历</p>
								</a>
							</div>
							<div class="item">
								<a href="29.html?type=7">
									<h3><i class="akrobat">{{summaryData.be_interview}}</i></h3>
									<p>待面试</p>
								</a>
							</div>
							<div class="item">
								<a href="31.html">
									<h3><i class="akrobat">{{summaryData.recruiting}}</i></h3>
									<p>正在招聘</p>
								</a>
							</div>
						</div>
					</div>
					<div class="part2">
						<div class="title">今日新增</div>
						<div class="con">
							<div id="main" class="chart-box">
								<!-- <img src="images/img501.png" alt=""> -->
							</div>
							<div class="detail">
								<div class="item"><i class="c-blue"></i><span>新招呼</span><i class="akrobat">{{summaryData.today_new_call}}</i>人</div>
								<div class="item"><i class="c-orange"></i><span>新投递</span><i class="akrobat">{{summaryData.today_new_deliver}}</i>人</div>
								<div class="item"><i class="c-green"></i><span>新候选人</span><i class="akrobat">{{summaryData.today_candidate}}</i>人</div>
							</div>
						</div>
					</div>
				</div>
				<div class="title">招聘统计</div>
				<div class="list">
					<div class="item">
						<h3>累计招聘岗位</h3>
						<div class="con"><i class="akrobat">{{summaryData.recruit_all}}</i>个</div>
						<img src="images/icon501-1.png" alt="" class="icon">
					</div>
					<div class="item">
						<h3>累计收获简历</h3>
						<div class="con"><i class="akrobat">{{summaryData.resume_all}}</i>份</div>
						<img src="images/icon501-2.png" alt="" class="icon">
					</div>
					<div class="item">
						<h3>累计面试</h3>
						<div class="con"><i class="akrobat">{{summaryData.interview_all}}</i>次</div>
						<img src="images/icon501-3.png" alt="" class="icon">
					</div>
					<div class="item">
						<h3>已录用</h3>
						<div class="con"><i class="akrobat">{{summaryData.accept}}</i>人</div>
						<img src="images/icon501-4.png" alt="" class="icon">
					</div>
				</div>
				<div class="title">其它</div>
				<div class="list">
					<a href="46.html" class="item">
						<h3>收藏的牛人</h3>
						<div class="con"><i class="akrobat">{{summaryData.collect_count}}</i>人</div>
						<img src="images/icon501-5.png" alt="" class="icon">
					</a>
					<a href="45.html" class="item">
						<h3>企业子账号</h3>
						<div class="con"><i class="akrobat">{{summaryData.child_count}}</i>个</div>
						<img src="images/icon501-6.png" alt="" class="icon">
					</a>
				</div>
			</div>
		</section>
		<footer id="footer"></footer>
	</div>	
	<script src="js/jquery.min.js"></script>
	<script src="js/echarts.min.js"></script>
	<script src="js/slide.min.js"></script>
	<script src="js/polyfill.min.js"></script>
	<script src="js/jquery.nicescroll3.7.6.min.js"></script>
	<script src="js/main.js"></script>
	<script src="js/vue.js"></script>
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<script src="js/request.js"></script>
	<script>
		$(function(){
			$("header").load("./enterpriseCommon/header.html");
			$("#footer").load("./enterpriseCommon/footer.html");
		})
		var vm = new Vue({
			el: "#app",
			data() {
				return {
					summaryData: {}
				}
			},
			mounted () {
				this.fetchData();
			},
			methods: {
				fetchData() {
					var vm = this;
					request( 'enterprise/index/summary', 'GET', '',
						function (res) {
							console.log(res);
							vm.summaryData = res.data;
							var myChart = echarts.init(document.getElementById('main'));
							option = {
								series: [
									{
										name: '今日新增',
										type: 'pie',
										radius: [50, 90],
										itemStyle: { 
											normal: {
													shadowBlur: 10,
													shadowColor: '#e3e3e4', 
													shadowOffsetX: -3,
													shadowOffsetY: 3
											}
										},
										center: ['50%', '50%'],
										roseType: 'radius',
										label: {
											normal: {
													show: false,
													position: 'center'
											},
											emphasis: {
													show: true,
													textStyle: {
															fontSize: '20',
															fontWeight: 'bold'
													}
											}
										},
										color:['#007AFF', '#FF5F24', '#53DD67'],
										data: [
												{value: res.data.today_new_call, name: '新招呼'},
												{value: res.data.today_new_deliver, name: '新投递'},
												{value: res.data.today_candidate, name: '新候选人'},
										]
									}
								]
							};
							// 使用刚指定的配置项和数据显示图表。
							myChart.setOption(option);
						},
						function (err) {
							var msg = err.responseJSON ? err.responseJSON.message : '操作失败'
							vm.$message({
								type: 'warning',
								message: msg
							})
						}
					)
				}
			}
		})
	</script>
</body>
</html>